<template>
    <div class="flex cur-pointer">
        <div class="flex flex-column font-16 align-center mar-r-40 color-1e80ff"
            v-for="(item, index) in tabs"
		    :key="index"
            @click="changeTab(item)"
        >
            <span>{{ item.name }}</span>

        <Lines v-if="currentTab === item.id" w="14px" h="3px" bg="#1e80ff" class="mar-t-10 border-rad-2" />
        </div>
    </div>
</template>

<script>
    import Lines from '@/components/Lines/index'

    export default {
        props: {
            // 唯一值
            uid: {
                type: String,
                default: 'id'
            },

            // 选中的标签
            currentTab: {
                type: Number,
                default: 1
            },

            // 标签列表
            tabs: {
                type: Array,
                default: () => []
            }
        },

        components: {
            Lines,
        },

        data() {
            return {
            }
        },

        methods: {
        }
    }
</script>

<style lang="scss" scoped>
</style>